
<template>
  <div>
    <!-- 头部 -->
    <div v-if="this.$route.matched.length == 1">
        <summer-fruit-header></summer-fruit-header>
        <summer-fruit-nav></summer-fruit-nav>
    </div>
    <!-- 分类导航栏 -->
    <div v-if="this.$route.matched.length == 2">
      <router-view></router-view>
    </div>
    
    <div v-else-if="this.$route.matched.length == 3">
      <router-view></router-view>
    </div>
    <!-- 商品类目 -->
    <van-row>
      <summer-fruit-list type="discount"></summer-fruit-list>
    </van-row>
  </div>
</template>

<script>
import summerFruitHeader from "@/components/summerFruits/summerFruitHeader";
import summerFruitNav from "@/components/summerFruits/summerFruitNav";
import summerFruitList from "@/components/summerFruits/summerFruitList";
import summerFruitThirdNav from "@/components/summerFruits/thirdFruitsNav";
export default {
  data() {
    return {};
  },
  methods: {},
  components: {
    summerFruitList,
    summerFruitHeader,
    summerFruitNav,
    summerFruitThirdNav,
  },
};
</script>

<style lang="less" scoped>
</style>